/*
-----------------------------------------------
Blogger Template Style

----------------------------------------------- */
/* Content
----------------------------------------------- */

/*------Metro--------*/
#metro-wrapper{width:100%;display:none;background:#62b1ed url(http://im45.gulfup.com/phU5rA.png);overflow:hidden;margin:0 auto;padding:0;}
#metro{width:1080px;margin:0 auto;}
.th3metro{width:270px;float:right;direction:rtl;overflow:hidden}
.th3metro ul{margin:0;list-style:none;}
.th3metro ul li{margin:4px;}
.th3metro ul li:hover{border:4px solid #73b8ff;}
.th3metro .big{float:right;width:250px;height:120px;padding:0;}
.th3metro .small{float:right;width:117px;height:120px;padding:0;}
.th3metro ul li span{text-align:right;color:#fff}
.th3metro #home{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#2a92e2 url(http://3.bp.blogspot.com/-RHDTf_GFIhM/Uf_QD2Gx1FI/AAAAAAAAAyk/OyPbS61f95k/s1600/home.png) no-repeat 50% 50%;
border:4px solid #2a92e2;
}
.th3metro #vb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://3.bp.blogspot.com/-Hf-n-G7V1GQ/Uf_QGQSmELI/AAAAAAAAAzY/-9gf2SN8RQg/s1600/vb.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #blog{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00b1f0 url(http://2.bp.blogspot.com/-goqtRb5IgF4/Uf_QBuwv-lI/AAAAAAAAAx0/nvXG9SZJdis/s1600/blog.png) no-repeat 50% 50%;
border:4px solid #00b1f0;
}
.th3metro #Android{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00bb00 url(http://2.bp.blogspot.com/-asq0Wd6NJrU/Uf_QBZrRbiI/AAAAAAAAAxw/OLZIHvHMStg/s1600/Android.png) no-repeat 50% 50%;
border:4px solid #00bb00;
}
.th3metro #security{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#643ebf url(http://2.bp.blogspot.com/-4nlWz43b48w/Uf_QEmzWHWI/AAAAAAAAAyw/fOhaePA8epo/s1600/security.png) no-repeat 50% 50%;
border:4px solid #643ebf;
}
.th3metro #video{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://3.bp.blogspot.com/-PjRlUHSCMFQ/Uf_QGTe0JfI/AAAAAAAAAzc/jZ9EUQwOnj0/s1600/video.png) no-repeat 50% 50%;
border:4px solid #b71c45;

}
.th3metro #windows{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#83c3ff url(http://3.bp.blogspot.com/-ZaTNvLzVF6s/Uf_QGu8HePI/AAAAAAAAAzM/dULoTReeD9g/s1600/windows.png) no-repeat 50% 50%;
border:4px solid #83c3ff;
}
.th3metro #linux{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#c6d53f url(http://4.bp.blogspot.com/-yOjd2iqfPgQ/Uf_QEUQxD3I/AAAAAAAAAy0/tkkjbHp7L4k/s1600/linux.png) no-repeat 50% 50%;
border:4px solid #c6d53f;
}
.th3metro #fb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#0a57c0 url(http://1.bp.blogspot.com/-8rUy_nuZbuc/Uf_QC7HAruI/AAAAAAAAAyI/GfGpapSu4KQ/s1600/fb.png) no-repeat 50% 50%;
border:4px solid #0a57c0;
}
.th3metro #g{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://1.bp.blogspot.com/-Q-o9tNPGPrQ/Uf_QDTZOEQI/AAAAAAAAAyU/Q137brzOG2g/s1600/g.png) no-repeat 50% 50%;
border:4px solid #b71c45;
}
.th3metro #blogger{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://4.bp.blogspot.com/-wuINYY7gXe8/Uf_QCE8sFWI/AAAAAAAAAx8/JhZl9w6dllA/s1600/blogger.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #contact{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#009bad url(http://3.bp.blogspot.com/-9IJX9o8JvxU/Uf_QCdOeQyI/AAAAAAAAAyQ/IFAKHWgeal4/s1600/contact.png) no-repeat 50% 50%;
border:4px solid #009bad;
}
.th3metro #home:hover,.th3metro #vb:hover,.th3metro #contact:hover,.th3metro #video:hover{border:4px solid #73b8ff;}
.th3metro #fb:hover,.th3metro #blogger:hover,.th3metro #g:hover,.th3metro #blog:hover{border:4px solid #73b8ff;}
.th3metro #Android:hover,.th3metro #security:hover,.th3metro #windows:hover,.th3metro #linux:hover{border:4px solid #73b8ff;}

.metro_btn img{
float: left;
padding: 6px;
background: #0362a2;
}

.post-labels{display:none;}
/*---------post--------*/
.BlogArchive #ArchiveList ul li{
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-right: 20px;
margin: .25em 0;
background-image: none;
}
.post-title{padding: 20px;color:#888;font:normal 20px 'wayallah', arial, tahoma;}
.post {
background: none repeat scroll 0 0 #fff;
border-bottom: 4px solid #0384c5;
color: #555555;
margin-bottom: 10px;
padding:0;
text-align: justify;
text-decoration: none;
font: normal 13px tahoma;
line-height: 1.6em;
}
.post-thumbnail {
line-height: 0;
}
.post h3 {
padding: 10px;
border-bottom: 1px solid #ddd;
color: #5F5F5F;
font: normal 20px 'wayallah', arial, tahoma;
background: #f8f8f8;
margin: 0 0 3px;
}
.post h3 a {
padding: 0;
color: #444;
font: normal 20px 'wayallah', arial, tahoma;
}
.post-body{width: 95%;
padding: 4px 8px;}
.post a{font-size:12px;}
#readmore a{
#readmore a{
background: #0362a2url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 91% 50%;
float: left;
color: #FFF;
margin: 47px 0 0 -16px;
padding: 9px 35px 8px 8px;
text-decoration: none;
font: normal 13px 'wayallah', arial, tahoma;
}
}
#readmore a:hover{
background: #00a8e1 url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 83% 54%;
}
.section {
margin: 0 8px;
}

#errorpage {
width:400px;
text-align:center;
margin:20px auto;
text-transform:uppercase;
}
#errorpage h1 {
font:300 60px Yanone Kaffeesatz;
}
#errorpage h3 {
font:300 20px Oswald;
color:#555;
}
#errorpage p {
font:9px Arial;
margin-top:5px;
border-top:1px dashed #ddd;
padding-top:10px;
color:#888;
}
#srcnt-errorpage {
margin:0;
padding:13px 0;
width:auto;
overflow:hidden;
}
#search-errorpage input[type="text"] {
border: 1px solid #ccc;
border-radius:3px;
color: #777;
width: 180px;
padding: 7px;
font:normal 10px Verdana, Arial;
text-transform:uppercase;
}
#search-errorpage input[type="text"]:focus {
border: 1px solid #777;
}
/* =============================
Search Box
============================= */
#srcnt {
float: left;
margin: 0;
padding: 13px 0;
top: -16px;
margin-top: -10px;
left: -13px;
margin-left: 6px;
width: auto;
overflow: hidden;
}
#search input[type="text"] {
direction: rtl;
border: 1px solid #eee;
border-radius:3px;
color: #777;
width: 180px;
padding: 7px;
font:10px 'DroidKufi-Regular';
text-transform:uppercase;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#search input[type="text"]:focus {
width: 220px;
}




/*------------------sidebar--------------------*/
.sidebar{margin:0 0 0 6px;padding:0;}
.sidebar h2{
font: normal 16px 'wayallah', arial, tahoma;
margin: 0;
border-bottom: 4px solid #012e6f;
padding: 10px;
color: #444;
}
.sidebar ul{
margin: 0;
line-height: 1.8em;
padding: 0 14px 8px 4px;
font-size: 12px;
font-family: tahoma;
font-weight: normal;
overflow:hidden;
}
.sidebar ul li{margin: 0 0 10px;}
.sidebar ul li a{color:#888;font-size: 14px;font-family: wayallah;}
.sidebar ul li a:hover{color:#9c0;}

.sidebar .widget{
box-shadow: 0px 1px 21px 0px #bababa;
background: #fff url(http://im45.gulfup.com/LIu3VO.png) top right no-repeat;
padding: 10px;
line-height: 17px;
}

/*--------share---------*/
  .dhi_menu{
float: right;
margin: 16px 0 0 8px;
padding: 0;
}
.dhi_menu ul{float:left;}
.dhi_menu ul li{float:right;margin:2px;padding:0;}
  .dhi_menu ul li a{padding:10px 27px 10px 9px;border-radius: 3px;font:normal 12px tahoma;float:right;color:#fff;}
.dhi_menu ul li a:hover{}

.dhi_menu a.twitter {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
    background-color: #0ba6f7;
}
.dhi_menu a.twitter:hover {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
    background-color: #ddd;
		cursor:pointer;

}
.dhi_menu a.share {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 87% center;
    background-color: #003366;
}
.dhi_menu a.share:hover {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
    background-color: #ddd;
	cursor:pointer;
}
.dhi_menu a.plus {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
    background-color: #dc311b;
}
.dhi_menu a.plus:hover {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
    background-color: #ddd;
		cursor:pointer;

}
  /*------------------------------*/
  .share_menu{
margin: 0;
padding: 0;
border: 4px solid #DDD;
overflow: hidden;
float: left;
}
.share_menu ul{
padding: 0;
margin: 0;
}
.share_menu ul li{
float: right;
padding: 0;
}
  .share_menu ul li a{padding:10px 35px 10px 20px;font:normal 12px tahoma;float:right;color:#fff;}
.share_menu ul li a:hover{}

.share_menu a.twitter {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
    background-color: #0ba6f7;
}
.share_menu a.twitter:hover {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
    background-color: #ddd;
		cursor:pointer;

}
.share_menu a.share {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
    background-color: #003366;
}
.share_menu a.share:hover {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
    background-color: #ddd;
	cursor:pointer;
}
.share_menu a.plus {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
    background-color: #dc311b;
}
.share_menu a.plus:hover {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
    background-color: #ddd;
		cursor:pointer;

}
